<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./css/index.css" />
	<link rel="stylesheet" href="./css/login.css" />
</head>
<body>
	

	    <!-- 顶部区域 -->

   <div id="top">
        
      <div class="top_top">
        <!-- 顶部区域左侧 -->
            <div class="top_city">
               <span class="l-city">切换城市：</span>
               <a href="" class="r-city">北京</a>
            </div>

             <div class="collection">
                  <a href="" class="sanjiaoxing"></a>
                <a href="" class="shoucang">收藏海尔商品</a>
           </div>
        <!-- 顶部区域右侧 -->
             <ul class="top_right">
                     <p>嗨，欢迎来到海尔官方商城 请</p>
                   <a href="">登录</a>
               <li class="top_li_right">
                        <p>|</p>
                    <a href="" >免费注册</a><p> |</p>                        
                    <a href="" >我的订单</a><p> |</p>
                    <a href="" >服务中心</a><p> |</p>
                    <a href="" >互动社区</a><p> |</p>
                    <a href="" >海尔官网</a>
               </li>
             </ul>
      </div>
    </div>  

 <!-- 顶部灰色区域结束 -->


 <!-- 搜索区域 -->

  <div id="seek">
      <div class="seek_seek">

          <!-- 左边海尔商标 -->
          <div class="seek_left">
              <div class="left_haier"></div>
              <div class="left_brand">
                   <img src="./image/slogan.png" alt="" />
              </div>
          </div>
          
         
          <!-- 中间搜索区域 -->
          <div class="middle_seek">
                <!-- 搜索 -->
                <div class="_seek">

                  <form action="">
                    <input type="text" class="text" value="【全民爽购】" />
                    <input type="submit" value="" class="btn-search" />
                    <a href=""></a>
                  </form>

                </div>
              <!-- 底部 -->
              <div class="middle_bottom">
                <strong class="strong-title">热门搜索：</strong>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                  <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
              </div>
          </div>



      </div>
  </div>



 <!-- 导航条 -->

  <div id="strip">
    <div class="s_strip">

       <div class="classify">
         <a href="">商品分类</a>
       </div>


            <!-- 中间 -->
             <ul class="classify_content">

                <li class="li-mainnav">
                        <a href="">分类</a>
                </li>
                  <li class="li-mainnav">
                        <a href="">分类显示</a>
                </li>
                <li class="li-mainnav">
                        <a href="">分类</a>
                </li>
            </ul>


            <!-- 购物车 -->
            <div class="shopping">
                  <span class="s-shopping">购物车</span>
                <p class="nimi-cart-num ">0</p>
             </div>

             <!-- 隐藏区域内容 -->
             <div class="hide_shopping" style="display:none">
                  <span class="s-shopping">购物车</span>
                <p class="nimi-cart-num ">0</p>
             </div>
    </div>
  </div>



   <!-- 注册登录 -->

     <div id="main-content">
     	 <div class="crumb">
     	 	<div class="mc-col">
     	 		您现在的位置：
     	 		<a href="">首页</a> >
     	 		<span>注册登录</span>
     	 	</div>



     	 	<div class="login_register">


     	 	   <!-- 登录 -->
     	 		<div class="login-box">

     	 			 <div class="title">
     	 			 	<p></p>
     	 			 	<h2 class="title-h2">登录海尔商城</h2>
                         <span>为您保存送货有关信息，下次购物轻松又快捷！</span>
     	 			 </div>
                   
     	 			 <div class="login-from">
     	 			 	<form  class="login-from-f" action="" method="post">
     	 			 	 <!-- 用户名： -->
     	 			 		 <div class="from-y">
     	 			 		 	<div class="c1">  &nbsp用户名：</div>
     	 			 		 	<div class="c2">
     	 			 		 		<input type="text" />
     	 			 		 	</div>
     	 			 		 	<div class="c3">用户名可以是邮箱、用户名</div>
     	 			 		 </div>


                            <!-- 密码 -->
     	 			 		 <div class="from-m">
     	 			 		 	<div class="c1">  密码：</div>
     	 			 		 	<div class="c2">
     	 			 		 		<input type="text" />
     	 			 		 	</div>
     	 			 		 	<div class="c3">请输入您的密码</div>
     	 			 		 </div>
                             <!-- 登录 -->
                             <div class="from-d">
                             	<input type="submit" value="登录" />
                             </div>



     	 			 	</form>   	 			 	
     	 			 </div>
  	 			 	
     	 			

     	 		</div>




     	 		<!-- 注册 -->
     	 		<div class="register-box">

    	 			<div class="title">
     	 			 	<p></p>
     	 			 	<h2 class="title-h2">注册海尔商城会员</h2>
                         <span>注册成为会员，即可享受会员专享优惠！</span>
     	 			 </div>

     	 			 <div class="r-reg">



     	 			 	<form action="">

	     	 			 	<div class="sh-reg">
	     	 			 		 <div class="shouji-reg">
	     	 			 		   手机号：
	     	 			 		   <input type="text" />
	     	 			 		  </div>
                                  <div class="incang"></div>
	     	 			 	</div>


                 		 	<div class="sh-reg1">
	     	 			 		 <div class="shouji-reg">
	     	 			 		   设置密码：
	     	 			 		   <input type="text" />
	     	 			 		  </div>
                                  <div class="incang"></div>
	     	 			 	</div>

                 		 	<div class="sh-reg2">
	     	 			 		 <div class="shouji-reg">
	     	 			 		   确认密码：
	     	 			 		   <input type="text" />
	     	 			 		  </div>
                                  <div class="incang"></div>
	     	 			 	</div>

                 		 	<div class="sh-reg3">
	     	 			 		 <div class="shouji-reg">
	     	 			 		   邀请码：
	     	 			 		   <input type="text" />
	     	 			 		   （非必填）
	     	 			 		  </div>
                                  <div class="incang">用来识别特定的注册用户，区分大小写</div>
	     	 			 	</div>



 	                 	 	<div class="sh-reg4">
	     	 			 		 <div class="shouji-reg">
	     	 			 		   验证码：
	     	 			 		   <input type="text" />
	     	 			 		  
	     	 			 		  看不清，换一张
	     	 			 		  </div>
                                  <div class="incang"></div>
	     	 			 	</div>

                            <div  class="hengxian"> ------------------------------------------------------------</div>

                             <div class="sh-reg5">
                                  <div class="shouji-reg">

                             	     <input type="checkbox" value="checkbox=checkbox" />
                             	      我已经仔细阅读《用户服务协议》并同意所有条款
                                  </div>
                                  <div class="incang"></div>
                             </div>



                         <input type="submit" value="提交注册" class="zhuce"/>


     	 			 	</form>
     	 			 </div>
     	 		</div>



     	 	</div>





     	 </div>
     </div>




<!-- 底部 -->

   <div id="at-the-bottom-of-the">
   	  <div class="at-the-bottom">
   	  	   购物流程 | 配送方式 | 付款方式 | 售后服务 | 投诉建议 | 友情链接 | 加入我们 | 海尔知识堂
   	  </div>
   </div>

   <div id="at-the-bottom-of-the">
   	  <div class="the-bottom">
   	  	   网站备案/许可证号：鲁ICP备09096283号
   	  </div>
   </div>
  <div id="at-the-bottom-of-the">
   	  <div class="bottom">
   	  	  Copyright©2000-2014 海尔集团电子商务有限公司 All Rights Reserved
   	  </div>
   </div>










</body>
</html>